<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>去结算</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--第二步：引入css-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!--第三步：引入js-->
    <script src="js/jquery-2.0.3.js"></script>
    <script src="js/bootstrap.js"></script>
    <style>
        #tiao
        {
            background-image: url("images/tiao.png");
        }
    </style>
</head>
<body style="background: #F5F5F5">
<header>

    <a href="http://localhost:63342/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E.html"><img class="back" src="images/icon_back_n.png"></a>
    <div class="title"> <span style="text-align: center;line-height: .84rem;" class="title">用户结算</span></div>
    <span class="icon_search"><img src="images/search.png"></span>

</header>
<div id="tiao" style="width: 100%;height: .05rem;"></div>
<div id="wrapper" style="background: #F5F5F5">
    <div style="width: 100%;height: 1.33rem;background: #ffffff;">
        <div style="width: 97%;height: .315rem;margin: 0 auto;top: .3rem;line-height: 1.33rem;">
            <p style="font-size: .26rem;font-weight: 700">添加收货地址</p>
        </div>
    </div>
    <div class="jiesuan_list" style="width: 100%;height: 2.1rem;background: #ffffff">
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <img src="images/zhi1.jpg" alt=""/>
            <span style="font-size: .26rem">支付宝</span>
        </div>
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <img src="images/zhi2.png" alt=""/>
            <span style="font-size: .26rem">小米钱包</span>
            
        </div>
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <img src="images/zhi3.jpg" alt=""/>
            <span style="font-size: .26rem">银联在线支付</span>
        </div>


    </div>
    <div class="jiesuan_list" style="width: 100%;height: 2.1rem;background: #ffffff">
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <span style="font-size: .26rem">发票类型</span>
        </div>
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <span style="font-size: .26rem">送票时间</span>

        </div>
        <div class="li" style="width: 100%;height: .7rem;border-bottom: solid 1px #F5F5F5;line-height: .7rem;">
            <span style="font-size: .26rem;color: #ccc">我有优惠券码</span>
        </div>


    </div>
    <div class="jiesuan_list" style="width: 100%;height: .7rem;background: #ffffff;line-height: .7rem">
        <img src="images/jiesuanshouji.png" alt=""/>
        <span style="font-size: .26rem">小米Note HiFi 全网通版 白色 16GB</span>

    </div>
<div class="fukuan">
    <a href="http://localhost:63342/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E8%B4%AD%E7%89%A9%E8%BD%A6.html" style="background: red;width: 2rem;height: 2rem">
        <section style="background: #F5F5F5;height: 1.03rem;width: 50%;float: left;">
            <span style="font-size: .33rem;padding-top: .1rem;color: #333;line-height: 1.03rem;" >继续购物</span>

        </section>

    </a>
    <!--购物车-->
    <a href="http://localhost:63342/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E8%B4%AD%E7%89%A9%E8%BD%A6.html" style="background: red;width: 2rem;height: 2rem">
        <section style="background: orangered;height: 1.03rem;width: 50%;float: left;">
            <span style="font-size: .33rem;padding-top: .1rem;color: #ffffff;line-height: 1.03rem">去付款</span>

        </section>

    </a>
</div>
</div>
</body>
</html>

<script>
    $(function()
    {
        function fullwidth()
        {
            if($('body').width() >= 720)
            {
                $('html').css('font-size',100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function()
        {
            fullwidth();
        })
    });
</script>
